<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <title>后台登录</title>
    <meta charset=utf-8>
    <meta name="author" content="本站由杭州翰臣科技有限公司进行全程策划/页面设计/程序开发完成.24小时技术支持热线：400-999-3496——翰臣科技：https://www.68team.com/">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
    <style>
        *,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
        *{ margin:0; padding:0;}
        html, body{height: 100%;min-width: 1200px;}
        .app{height: 100%;display: flex;position: relative;width: 100%;}
        .leftBox{min-height: 100%;width: 36.5625%;-ms-flex-negative: 0;flex-shrink: 0;background: url(/static/img/group.18d62473.svg) center no-repeat;background-size: cover;}
        .leftBox img {margin: 30px 0 0 76px;}
        .rightBox{-webkit-box-flex: 1;-ms-flex: 1;flex: 1;display: -webkit-box;display: -ms-flexbox;display: flex;position: relative;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;align-items: center;padding-bottom: 36px;}
        .rightBox .title-container {position: relative;margin-bottom: 46px;}
        .rightBox .title {font-size: 40px;font-weight: bold;color: #000000;line-height: 52px;}
        .rightBox span {font-size: 24px;font-weight: 400;color: #7A8499;line-height: 38px;margin-left: 12px;}
        .el-form-item {margin-bottom: 22px;}
        .el-form-item:nth-child(2) {border: none;display: flex;}
        .el-form-item:nth-child(4) {border: none;display: flex;}
        .el-form-item:nth-child(4) .el-input {width: 367px;margin-right: 16px;}
        .el-input {display: inline-block;width: 570px;position: relative;}
        .el-input input {background: transparent;border: 0px;border-radius: 40px;padding: 15px 60px 14px 21px;color: #000;caret-color: #000;border-radius: 5px;width: 100%;background: #F2F4FA;outline: none;border: 1px solid #F2F4FA;color: #7A8499;font-size: 20px;line-height: 26px;}
        .el-input.hide input{background: #fff;border: 1px solid #1D4597;color: #000;}
        .el-input input:focus{background: #fff;border: 1px solid #1D4597;color: #000;}
        .el-input input:-webkit-autofill {box-shadow: 0 0 0px 1000px #fff inset !important;-webkit-text-fill-color: #000 !important;}
        .code{background: #F2F4FA;height: 57px;width: 188px;border-radius: 4px;}
        .code img{height: 57px;width: 188px;}
        .loginBtn {height: 64px;background: #1D4597;border-radius: 5px 5px 5px 5px;width: 100%;font-size: 24px;color: #FFFFFF;line-height: 28px;letter-spacing: 3px;display: flex;align-items: center;justify-content: center;text-decoration: none;outline: none;transition: all .4s cubic-bezier(.4,0,.2,1);border: none;}
        .loginBtn:hover{background: #f9b84a;}
        .el-form-item:nth-child(4){margin-bottom: 16px;}
        .el-remember{margin-bottom: 76px;}
        .el-remember a{display: flex;align-items: center;font-size: 18px;line-height: 25px;color: #B3B3B3;outline: none;text-decoration: none;}
        .el-remember a.act,.el-remember a:hover{color: #1D4597;}
        .el-remember a.act .ale,.el-remember a:hover .ale{border-color: #1D4597;}
        .el-remember a.act .ale s{opacity: 1;}
        .el-remember .ale{border: 1px solid #B3B3B3;width: 16px;height: 16px;border-radius: 2px;position: relative;margin-right: 5px;}
        .el-remember .ale s{position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;width: 8px;height: 8px;background: #1D4597;opacity: 0;}
        .footer{font-size: 14px;line-height: 16px;left: 0;width: 100%;bottom: 20px;text-align: center;color: #999999;position: absolute;}
        .el-input .close{position: absolute;top: 0;bottom: 0;right: 18px;width: 19px;height: 19px;display: flex;align-items: center;margin: auto;opacity: 0.6;transition: all .4s cubic-bezier(.4,0,.2,1);display: none;}
        .el-input .close:hover{opacity: 1;}
        .el-input.hide .close{display: block;}
        .el-input .eye{position: absolute;top: 0;bottom: 0;right: 18px;width: 24px;height: 24px;display: flex;align-items: center;margin: auto;opacity: 0.6;transition: all .4s cubic-bezier(.4,0,.2,1);display: none;}
        .el-input .eye img{width: 24px;}
        .el-input .eye img:nth-child(2){position: absolute;right: 0;top: 0;opacity: 0;}
        .el-input .eye:hover{opacity: 1;}
        .el-input.hide .eye{display: block;}
        .el-input.toggle .eye img:nth-child(1){opacity: 0;}
        .el-input.toggle .eye img:nth-child(2){opacity: 1;}
        .yd{display:none;}
        @media screen and (max-width: 1030px){
            html, body{min-width:100%;}
            .app {flex-wrap: wrap;height:auto;}
            .pc{display:none;}
            .yd{display:block;}
            .leftBox{width:100%;background:none !important;padding: 20px 5% 0;}
            .leftBox img{margin: 0;width:150px;}
            .rightBox{width:100%;height: calc(100vh - 68px);padding:40px 5%;align-items:flex-start;}
            .el-input{width:100%;}
            .el-form-item.flex .el-input{width:calc(100% - 140px)}
            .rightBox .title{font-size:24px;line-height:30px;}
            .rightBox span{font-size:16px;}
            .rightBox .title-container{margin-bottom:20px;}
            .el-form-item{margin-bottom:15px;}
            .el-input input{font-size:14px;line-height:20px;padding:10px;}
            .code{width:120px;background: none;height: 42px;}
            .code img{height:42px;width: 120px;}
            .el-remember{margin-bottom:30px;}
            .el-remember a{font-size:14px;}
            .loginBtn{font-size:16px;line-height:44px;height:44px;}
            .footer{font-size:12px;padding:0 5%;}
        }
        .title-container {position: relative;margin-bottom: 46px;display: flex;align-items: baseline;justify-content: space-between;}
        .title-container .title {font-size: 40px;font-weight: bold;color: #000000;line-height: 52px;}
        .title-container .title    span {font-size: 24px;font-weight: 400;color: #7A8499;line-height: 38px;margin-left: 12px;}
        .title-container   .urlBox {font-size: 16px;font-weight: 400;color: #7A8499;line-height: 38px;margin-left: 12px;cursor: pointer;display: flex;align-items: center;}
        .title-container   .urlBox  img {margin-right: 5px;width: 16px;height: 16px;}
    </style>
</head>
<body ontouchstart>
<div class="app">
    <div class="leftBox" style="background-image: url(/public/static/admin/newCms/images/login_03.svg);">
        <a href="https://www.68team.com/" target="_blank">
            <img src="/public/static/admin/newCms/images/login_02.svg" alt="" class="pc">
            <img src="/public/static/admin/newCms/images/h_logo.png" alt="" class="yd">
        </a>
    </div>
    <div class="rightBox">
        <form id="doLogin" name="doLogin" method="post" action="https://www.h-jxyy.com/doLogin" class="login-form">
            <div class="title-container">
                <div class="title">欢迎登录<span>网站管理系统</span></div>
                <a href="/index.html" target="_blank" style="text-decoration: none">
                    <div @click="toUrl2" class="urlBox">
                        <img src="/public/static/admin/cms/images/home.svg" alt="">
                        网站首页
                    </div>
                </a>
            </div>
            <div class="el-form-item">
                <div class="el-input">
                    <input type="text" placeholder="请输入账户" id="username" name="username">
                    <a href="javascript:;" class="close" onclick="$(this).prev().val('')"><img src="/public/static/admin/newCms/images/close.svg" alt=""></a>
                </div>
            </div>
            <div class="el-form-item">
                <div class="el-input">
                    <input type="password" placeholder="请输入密码" id="password" name="password">
                    <a href="javascript:;" class="eye" ><img src="/public/static/admin/newCms/images/eye.svg" alt=""><img src="/public/static/admin/newCms/images/eye-open.svg" alt=""></a>
                </div>
            </div>
                            <div class="el-form-item flex">
                    <div class="el-input">
                        <input type="text" name="code" id="" placeholder="请输入验证码">
                        <a href="javascript:;" class="close" ><img src="/public/static/admin/newCms/images/close.svg" alt=""></a>
                    </div>
                    <div class="code"><img src="https://www.h-jxyy.com/checkVerify" onclick="javascript:this.src='https://www.h-jxyy.com/checkVerify?tm='+Math.random();" alt="" id="yzm_img"></div>
                </div>
                        <div class="el-remember"></div>
            <button class="loginBtn" href="javascript:;">立即登录</button>
            <input type="hidden" name="_token" value="dasHgKnab06jczRPtMSMaCGV9ElMy1gu3Fp23mwt">
        </form>
        <div class="footer">Copyright 2009-2026 all rights reserved 杭州翰臣科技有限公司版权所有</div>
    </div>
</div>
<script type='text/javascript' src='/public/static/admin/newCms/js/jquery-3.5.1.min.js'></script>
<script type="text/javascript" src="/public/static/admin/js/jquery.form.js"></script>
<script type="text/javascript" src="/public/static/admin/js/layer/layer.js"></script>
<script type="text/javascript" src="/public/static/admin/js/lunhui.js"></script>
<script type="text/javascript" src="/public/static/admin/js/jquery.slider.min.js"></script>
<script type="text/javascript">
    var check_result = false;
    $("#slider").slider({
        width: 233, // width
        height: 35, // height
        sliderBg: "rgb(232, 232, 232)", // 滑块背景颜色
        color: "rgb(114, 114, 114)", // 文字颜色
        fontSize: 14, // 文字大小
        bgColor: "#1ab394", // 背景颜色
        textMsg: "按住滑块，拖拽验证", // 提示文字
        successMsg: "验证成功", // 验证成功提示文字
        successColor: "#ffffff", // 滑块验证成功提示文字颜色
        time: 400, // 返回时间
        callback: function(result) { check_result = result; }// 回调函数，true(成功),false(失败)
    });
    $(function(){
        $('#doLogin').ajaxForm({
            beforeSubmit: checkForm, // 此方法主要是提交前执行的方法，根据需要设置
            success: complete, // 这是提交后的方法
            dataType: 'json'
        });

        function checkForm(){
            if( '' == $.trim($('#username').val())){
                lunhui.error('请输入登录用户名');
                return false;
            }
            if( '' == $.trim($('#password').val())){
                lunhui.error('请输入登录密码');
                return false;
            }
            $('button').addClass('disabled').text('登录中...');
        }

        function complete(data){
            if(data.code==1){
                lunhui.success(data.msg,data.url);
            }else{
                $("#yzm_img").trigger('click');
                lunhui.error(data.msg);
                $('button').removeClass('disabled').text('登　录');
                return false;
            }
        }
    });

    //输入框正在输入时
    $(".login-form input").on('input',function(){
        if(($(this).val()=='')){
            $(this).parent().removeClass('hide');
        }else{
            $(this).parent().addClass('hide');
        }
    })
    //输入框得到焦点时
    $(".login-form input").on('focus',function(){
        if(($(this).val()=='')){
            $(this).parent().removeClass('hide');
        }else{
            $(this).parent().addClass('hide');
        }
    })
    //输入框失去焦点时
    $(".login-form input").on('blur',function(){
        if(($(this).val()=='')){
            $(this).parent().removeClass('hide');
        }else{
            $(this).parent().addClass('hide');
        }
    })
    $('body').on('click', '.close', function(){
        $(this).siblings('input').val("");
        $(this).parent().removeClass('hide');
    })

    $('body').on('click', '.eye', function(){
        $(this).parent().toggleClass('toggle');
        if($(this).parent().hasClass('toggle')){
            $(this).siblings('input').attr('type', 'text');
        }else{
            $(this).siblings('input').attr('type', 'password');
        }
    })
    $('body').on('click', '.el-remember a', function(){
        $(this).toggleClass('act');
    })
    $(document).ready(function(){
        var referer='';
        if(referer.length>0){
            parent.window.location.reload();
        }
    });
</script>
</body>
</html>
